<template>
    <view :style="themeColor">
        <view class="page" >
    <view class="flex benben-position-layout flex flex-wrap align-center orderDetails_flex_0"    :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
            <view   class='flex flex-wrap align-center justify-between flex-sub orderDetails_fd0_0'      >
            <view   class='flex flex-wrap align-center'   @tap.stop="handleJumpDiy" data-type="back" data-url="1"   >
        <text class='fu-iconfont2  orderDetails_fd0_0_c0_c0'  >&#xE794;</text>
</view>
    <view   class='flex flex-wrap align-center'      >
        <text class='orderDetails_fd0_0_c0_c0'  >{{$t('订单详情')}}</text>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd0_0_c2'      >
        </view>
</view>

        </view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"  ></view>
<benben-popup v-model="popupShow1686122276477" :mask="true" :mask-close-able="true"  mode='center' >
    <!---删除订单弹窗flex布局开始-->
 <view class="flex flex-direction flex-wrap align-center orderDetails_flex_1"    >
        <text class='orderDetails_fd1_0'  >{{$t('提示')}}</text>
<text class='orderDetails_fd1_1'  >{{$t('是否确认删除订单?')}}</text>
    <view   class='flex flex-wrap align-center'      >
        <button class='orderDetails_fd1_2_c0'  @tap.stop="popupShow1686122276477=false"  >{{$t('取消')}}</button>
<button class='orderDetails_fd1_2_c1'  @tap.stop="getDeleteFunc()"  >{{$t('确定')}}</button>
</view>
</view>
        
<!---删除订单弹窗flex布局结束-->
    
</benben-popup>
<!---订单详情flex布局开始-->
 <view class="flex flex-direction align-stretch benben-flex-layout orderDetails_flex_2"    >
            <view   class='flex flex-wrap align-center orderDetails_fd2_0'      >
            <view   class='flex flex-direction flex-wrap align-start'      >
        <text class='orderDetails_fd2_0_c0_c0'    v-if= "dataDetails.status=='0'"  >{{$t('订单待付款')}}</text><text class='orderDetails_fd2_0_c0_c0'    v-if= "dataDetails.status=='1'"  >{{$t('订单待发货')}}</text><text class='orderDetails_fd2_0_c0_c0'    v-if= "dataDetails.status=='2'"  >{{$t('订单待收货')}}</text><text class='orderDetails_fd2_0_c0_c0'    v-if= "dataDetails.status=='4'"  >{{$t('订单已完成')}}</text><text class='orderDetails_fd2_0_c0_c0'    v-if= "dataDetails.status=='-1'"  >{{$t('订单已取消')}}</text>
    <view   class='flex flex-wrap align-center orderDetails_fd2_0_c0_c1'      >
        <text class='orderDetails_fd2_0_c0_c1_c0'    v-if= "dataDetails.status=='0'"  >{{$t('剩余时间：')}}</text><text class='orderDetails_fd2_0_c0_c1_c0'    v-if= "dataDetails.status=='1'"  >已付款，等待卖家发货</text><text class='orderDetails_fd2_0_c0_c1_c0'    v-if= "dataDetails.status=='2'"  >卖家已发货等待买家收货</text>
<benben-countdown class='orderDetails_fd2_0_c0_c1_c1'  :show-day='false' :time-type='false'  :count-time="dataDetails.cancel_time"  v-if= "dataDetails.status=='0'">
            <template #default="{ d, h, i, s }">
<text   >{{h}}</text>

<text   >:</text>

<text   >{{i}}</text>

<text   >:</text>

<text   >{{s}}</text>

<text   ></text>
            </template>
</benben-countdown>
</view>
</view>
<image class='orderDetails_fd2_0_c1'  mode="aspectFit"  :src='STATIC_URL+"290.png"'  v-if= "dataDetails.status=='0'"></image><image class='orderDetails_fd2_0_c1'  mode="aspectFit"  :src='STATIC_URL+"291.png"'  v-if= "dataDetails.status=='1'"></image><image class='orderDetails_fd2_0_c1'  mode="aspectFit"  :src='STATIC_URL+"292.png"'  v-if= "dataDetails.status=='2'"></image><image class='orderDetails_fd2_0_c1'  mode="aspectFit"  :src='STATIC_URL+"293.png"'  v-if= "dataDetails.status=='4'"></image><image class='orderDetails_fd2_0_c1'  mode="aspectFit"  :src='STATIC_URL+"294.png"'  v-if= "dataDetails.status=='-1'"></image>
</view>
    <view   class='flex flex-direction align-stretch orderDetails_fd2_1'      >
            <view   class='flex flex-wrap align-center orderDetails_fd2_1_c0'      >
        <image class='orderDetails_fd2_1_c0_c0'  mode="aspectFit"  :src='STATIC_URL+"139.png"'></image>
    <view   class='flex flex-direction flex-wrap align-stretch flex-sub'      >
            <view   class='flex flex-wrap align-center orderDetails_fd2_1_c0_c1_c0'      >
        <text class='orderDetails_fd2_1_c0_c1_c0_c0'  >{{dataDetails.order_address.label_name}}</text>
<text class='orderDetails_fd2_1_c0_c1_c0_c1'  >{{dataDetails.order_address.receiver_name}}</text>
<text class='orderDetails_fd2_1_c0_c1_c0_c2'  >(</text>
<text class='orderDetails_fd2_1_c0_c1_c0_c3'    v-if= "dataDetails.order_address.sex=='1'"  >{{$t('先生')}}</text><text class='orderDetails_fd2_1_c0_c1_c0_c3'    v-if= "dataDetails.order_address.sex!='1'"  >{{$t('女士')}}</text>
<text class='orderDetails_fd2_1_c0_c1_c0_c4'  >)</text>
<text class='orderDetails_fd2_1_c0_c1_c0_c5'  >{{dataDetails.order_address.receiver_mobile}}</text>
</view>
    <view   class='orderDetails_fd2_1_c0_c1_c1'      >
        <text class='orderDetails_fd2_1_c0_c1_c1_c0'  >{{dataDetails.order_address.province}}</text>
<text class='orderDetails_fd2_1_c0_c1_c1_c0'  >{{dataDetails.order_address.city}}</text>
<text class='orderDetails_fd2_1_c0_c1_c1_c0'  >{{dataDetails.order_address.district}}</text>
<text class='orderDetails_fd2_1_c0_c1_c1_c0'  >{{dataDetails.order_address.receiver_address}}</text>
</view>
</view>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_1_c1'      >
        </view>
</view>
    <view   class='flex flex-direction flex-wrap align-stretch orderDetails_fd2_2'      >
            <template v-for = '(item,key0) in dataDetails.goods_integral'>
    <view   class='flex flex-wrap align-center orderDetails_fd2_2_c0'       :key='key0'>
        <image class='orderDetails_fd2_2_c0_c0'  mode="aspectFill"  :src='item.goods_thumb'  ></image>
    <view   class='flex flex-direction flex-wrap align-stretch flex-sub orderDetails_fd2_2_c0_c1'      >
        <text class='orderDetails_fd2_2_c0_c1_c0'  >{{item.goods_name}}</text>
    <view   class='flex flex-wrap align-center orderDetails_fd2_2_c0_c1_c1'      >
        <text class='orderDetails_fd2_2_c0_c1_c1_c0'  >{{item.goods_integral}}</text>
<text class='orderDetails_fd2_2_c0_c1_c1_c1'    v-if= "item.shop_price!='0.00'"  >{{$t('积分+')}}</text><text class='orderDetails_fd2_2_c0_c1_c1_c1'    v-if= "item.shop_price=='0.00'"  >积分</text>
<text class='orderDetails_fd2_2_c0_c1_c1_c0'    v-if= "item.shop_price!='0.00'"  >{{item.shop_price}}</text>
<text class='orderDetails_fd2_2_c0_c1_c1_c1'    v-if= "item.shop_price!='0.00'"  >元</text>
<text class='orderDetails_fd2_2_c0_c1_c1_c4'  >x</text>
<text class='orderDetails_fd2_2_c0_c1_c1_c5'  >{{item.num}}</text>
</view>
</view>
</view>
    </template>
    
    <view   class='flex flex-wrap align-center justify-between orderDetails_fd2_2_c1'      >
        <text class='orderDetails_fd2_2_c1_c0'  >{{$t('商品总额')}}</text>
    <view   class='flex flex-wrap align-center'      >
        <text class='orderDetails_fd2_2_c1_c1_c0'  >{{$t('¥')}}</text>
<text class='orderDetails_fd2_2_c1_c1_c0'  >{{dataDetails.goods_money}}</text>
</view>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_2_c2'      >
        <text class='orderDetails_fd2_2_c1_c0'  >{{$t('商品积分(当前积分：')}}</text>
<text class='orderDetails_fd2_2_c1_c0'  >{{dataUserInfo.score}}</text>
<text class='orderDetails_fd2_2_c1_c0'  >)</text>
<text class='orderDetails_fd2_2_c1_c1_c0'  >{{dataDetails.integral_reduce}}</text>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_2_c3'      >
        <text class='orderDetails_fd2_2_c3_c0'    v-if= "dataDetails.status<='0'"  >{{$t('应付款')}}</text><text class='orderDetails_fd2_2_c3_c0'    v-if= "dataDetails.status>'0'"  >实付款</text>
<text class='orderDetails_fd2_2_c3_c1'  >{{$t('¥')}}</text>
<text class='orderDetails_fd2_2_c3_c2'  >{{dataDetails.payable_money}}</text>
</view>
</view>
    <view   class='flex flex-direction flex-wrap align-stretch orderDetails_fd2_3'      >
            <view   class='flex flex-wrap align-center orderDetails_fd2_3_c0'      >
            <view   class='flex flex-wrap align-center orderDetails_fd2_3_c0_c0'      >
        </view>
<text class='orderDetails_fd2_3_c0_c1'  >{{$t('订单信息')}}</text>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_3_c1'      >
        <text class='orderDetails_fd2_3_c1_c0'  >{{$t('订单编号：')}}</text>
<text class='orderDetails_fd2_3_c1_c1'  >{{dataDetails.order_sn}}</text>
<text class='orderDetails_fd2_3_c1_c2'     @tap.stop="copyText(dataDetails.order_sn)" >{{$t('复制')}}</text>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_3_c2'      >
        <text class='orderDetails_fd2_3_c1_c0'  >{{$t('兑换时间：')}}</text>
<text class='flex-sub orderDetails_fd2_3_c1_c1'  >{{dataDetails.create_time}}</text>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_3_c2'      >
        <text class='orderDetails_fd2_3_c1_c0'    v-if= "dataDetails.status=='0'"  >{{$t('应付金额：')}}</text><text class='orderDetails_fd2_3_c1_c0'    v-if= "dataDetails.status!='0'"  >实付金额：</text>
<text class='orderDetails_fd2_2_c1_c0'  >{{$t('¥')}}</text>
<text class='orderDetails_fd2_2_c1_c0'  >{{dataDetails.payable_money}}</text>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_3_c2'    v-if= "dataDetails.pay_type!=''"  >
        <text class='orderDetails_fd2_3_c1_c0'  >{{$t('支付方式：')}}</text>
<text class='orderDetails_fd2_2_c1_c0'    v-if= " dataDetails.pay_type=='wxpay'"  >微信支付</text><text class='orderDetails_fd2_2_c1_c0'    v-if= " dataDetails.pay_type=='balance'"  >余额支付</text><text class='orderDetails_fd2_2_c1_c0'    v-if= " dataDetails.pay_type=='alipay'"  >支付宝支付</text><text class='orderDetails_fd2_2_c1_c0'    v-if= " dataDetails.pay_type=='integral'"  >积分支付</text>
</view>
    <view   class='flex flex-wrap align-center orderDetails_fd2_3_c2'    v-if= "dataDetails.pay_time!=''"  >
        <text class='orderDetails_fd2_3_c1_c0'  >{{$t('支付时间：')}}</text>
<text class='flex-sub orderDetails_fd2_3_c1_c1'  >{{dataDetails.pay_time}}</text>
</view>
</view>
    <view   class='flex flex-wrap align-center justify-end orderDetails_fd2_4'      >
        <button class='orderDetails_fd2_4_c0'  @tap.stop="popupShow1686123082025=true" v-if= "dataDetails.status=='0'" >{{$t('取消订单')}}</button><button class='orderDetails_fd2_4_c0_1'  @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/ddgl/logisticsCheck/logisticsCheck?order_id=${dataDetails.aid}`" v-if= "in_array(dataDetails.status,'2,4')" >{{$t('查看物流')}}</button><button class='orderDetails_fd2_4_c0_1'  @tap.stop="popupShow1686122276477=true" v-if= "in_array(dataDetails.status,'4,-1')" >{{$t('删除订单')}}</button>
<button class='orderDetails_fd2_4_c1'  @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/sy/offerPay/offerPay?order_sn=${dataDetails.order_sn}&order_type=4`" v-if= "dataDetails.status=='0'" >{{$t('去付款')}}</button><button class='orderDetails_fd2_4_c1_1'  @tap.stop="shipremindFunc()" v-if= " dataDetails.is_remind.info==0 && dataDetails.status=='1'" >{{$t('提醒发货')}}</button><button class='orderDetails_fd2_4_c1_1'  @tap.stop="popupShow1686122373181=true" v-if= "dataDetails.status=='2'" >{{$t('确认收货')}}</button><button class='orderDetails_fd2_4_c1'   v-if= " dataDetails.is_remind.info=='1' && dataDetails.status=='1'" >{{$t('已提醒')}}</button>
</view>
</view>
        
<!---订单详情flex布局结束-->
<benben-popup v-model="popupShow1686122373181" :mask="true" :mask-close-able="true"  mode='center' >
    <!---确认收货弹窗flex布局开始-->
 <view class="flex flex-direction flex-wrap align-center orderDetails_flex_3"    >
        <text class='orderDetails_fd3_0'  >{{$t('提示')}}</text>
<text class='orderDetails_fd3_1'  >{{$t('是否确认收货?')}}</text>
    <view   class='flex flex-wrap align-center'      >
        <button class='orderDetails_fd3_2_c0'  @tap.stop="popupShow1686122373181=false"  >{{$t('取消')}}</button>
<button class='orderDetails_fd3_2_c1'  @tap.stop="getConfirmFunc()"  >{{$t('确定')}}</button>
</view>
</view>
        
<!---确认收货弹窗flex布局结束-->
    
</benben-popup>
<benben-popup v-model="popupShow1686123082025" :mask="true" :mask-close-able="true"  mode='center' >
    <!---取消订单弹窗flex布局开始-->
 <view class="flex flex-direction flex-wrap align-center orderDetails_flex_4"    >
        <text class='orderDetails_fd4_0'  >{{$t('提示')}}</text>
<text class='orderDetails_fd4_1'  >{{$t('是否确认取消订单?')}}</text>
    <view   class='flex flex-wrap align-center'      >
        <button class='orderDetails_fd4_2_c0'  @tap.stop="popupShow1686123082025=false"  >{{$t('取消')}}</button>
<button class='orderDetails_fd4_2_c1'  @tap.stop="getCancleFunc()"  >{{$t('确定')}}</button>
</view>
</view>
        
<!---取消订单弹窗flex布局结束-->
    
</benben-popup>
    
    
        </view>
    </view>
</template>
<script>
    import {validate} from '@/common/utils/validate.js'
    
    export default {
        components:{},
        
        
        data(){
			return {"popupShow1686123082025":false,"popupShow1686122373181":false,"popupShow1686122276477":false,"dataDetails":{"aid":"","user_id":"","order_sn":"","order_type":"","status":"","pay_status":"","payable_money":"","real_money":"","create_time":"","pay_type":"","integral_reduce":"","pay_time":"","cancel_time":"","is_remind":{"info":"","hour":""},"order_address":{"address_id":"","receiver_mobile":"","receiver_address":"","receiver_name":"","remark":"","express_price":"","province":"","city":"","district":"","sex":"","label_name":""},"goods_integral":[],"goods_money":""},"tabs":"all","text":"更新积分列表","dataUserInfo":{"invite_code":"","address":"","address_code":"","hobby":"","tags":"","id":"","userlevel_id":"","mobile":"","real_name":"","avatar":"","account":"","email":"","birthday":"","gender":"","create_time":"","user_money":"","freeze_money":"","total_consumption_money":"","score":"","_mobile":"","coupon":"","collection_count":"","browse_count":"","total_money":"","certified":"","nickname":"","is_pay_password":"","follow_count":""},"integral_id":"JF230625165405520630"};
		},
		computed:{
            themeColor() {
              return this.$store.getters.themeColor
            },
            
		},
		watch:{},
		onLoad(options){
            let {integral_id}=options
if (integral_id !== undefined) this.integral_id = integral_id
		},
        onUnload() {
                
        },
		onReady(){
            
		},
		onShow(){
            this.getDetailFunc()
this.getUserinfoFunc()
		},
		onHide(){
            
		},
		onResize(){
            
		},
		onPullDownRefresh(){
            
		},
		onReachBottom(e){
            
		},
		onPageScroll(e){
            
		},
		methods:{
                            //确认收货
                async getConfirmFunc(){
                        //请求方法
    //数据验证
    
  let data64156687686b5 = await this.$api.post(global.apiUrls.post64156687686b5, {
    order_sn:this.dataDetails.order_sn
  });
  
  if (data64156687686b5.data.code != 1) {
    this.$message.info(data64156687686b5.data.msg);
    return
  } 
  
  
  
    this.popupShow1686122373181 = false;
                    this.getDetailFunc()
                uni.$emit('upjflist',this.text)
                },
                //删除订单
                async getDeleteFunc(){
                        //请求方法
    //数据验证
    
  let data641568f194350 = await this.$api.post(global.apiUrls.post641568f194350, {
    order_sn:this.dataDetails.order_sn
  });
  
  if (data641568f194350.data.code != 1) {
    this.$message.info(data641568f194350.data.msg);
    return
  } 
  
  
  
    this.popupShow1686122276477 = false;
                    this.getDetailFunc()
                uni.$emit('upjflist',this.text)
                setTimeout(()=>{
                    this.$urouter.navigateBack(1);
      },500)
                },
                //取消订单
                async getCancleFunc(){
                        //请求方法
    //数据验证
    
  let data64155c02284ef = await this.$api.post(global.apiUrls.post64155c02284ef, {
    order_sn:this.dataDetails.order_sn
  });
  
  if (data64155c02284ef.data.code != 1) {
    this.$message.info(data64155c02284ef.data.msg);
    return
  } 
  
  
  
    this.popupShow1686123082025 = false;
                    this.getDetailFunc()
                uni.$emit('upjflist',this.text)
                },
                //获取用户信息
                async getUserinfoFunc(){
                        //请求方法
    //数据验证
    
  let datadataUserInfo = await this.$api.get(global.apiUrls.post5c78c4772da97, {
    
  });
  
  if (datadataUserInfo.data.code != 1) {
    this.$message.info(datadataUserInfo.data.msg);
    return
  } 
  let infodataUserInfo = datadataUserInfo.data;
  this.dataUserInfo = infodataUserInfo.data
  
                },
                //积分商城-积分订单详情
                async getDetailFunc(){
                        //请求方法
    //数据验证
    
  let datadataDetails = await this.$api.post(global.apiUrls.post6415509c196eb, {
    order_sn:this.integral_id
  });
  
  if (datadataDetails.data.code != 1) {
    this.$message.info(datadataDetails.data.msg);
    return
  } 
  let infodataDetails = datadataDetails.data;
  this.dataDetails = infodataDetails.data
  
                },
                //积分商城-提醒发货
                async shipremindFunc(){
                        //请求方法
    //数据验证
    
  let data64155d9464c1d = await this.$api.post(global.apiUrls.post64155d9464c1d, {
    order_sn:this.dataDetails.order_sn
  });
  
  if (data64155d9464c1d.data.code != 1) {
    this.$message.info(data64155d9464c1d.data.msg);
    return
  } 
  
  
  
                    uni.showToast({
                        title:global.i18n.t('提醒成功'),
                        mask:true,
                        icon:'none',
                        duration: 1500
                    });
                    this.getDetailFunc()
                uni.$emit('upjflist',this.text)
                }
		}
    };
</script> 
<style lang="scss" scoped>
           .page{
            width: 100vw;
            overflow-x: hidden;
            min-height: calc(100vh - var(--window-bottom));
            background:url(image-path('22.png')) no-repeat;background-size: 100% auto;
        }
    .orderDetails_flex_0{
        background:url(image-path('22.png')) no-repeat;width:750rpx;height:88rpx;overflow:hidden;z-index:10;top:0rpx;background-size:100% auto !important;
    }
    .orderDetails_fd0_0_c2{
        width:36rpx;
    }
    .orderDetails_fd0_0_c0_c0{
        font-size:36rpx;font-weight:500;color:#fff;
    }
    .orderDetails_fd0_0{
        margin:0rpx 32rpx 0rpx 32rpx;line-height:88rpx;
    }
    .orderDetails_flex_1{
        background:#fff;width:540rpx;border-radius:16rpx 16rpx 16rpx 16rpx;
    }
    .orderDetails_fd1_2_c1{
        border-top:1px solid #eee;border-left:1px solid #eee;background:var(--benbenbgColor1);line-height:110rpx;border-radius:0rpx 0rpx 16rpx 0rpx;font-size:32rpx;color:var(--benbenFontColor5);width:263rpx;
    }
    .orderDetails_fd1_2_c0{
        border-top:1px solid #eee;background:#fff;line-height:110rpx;border-radius:0rpx 0rpx 0rpx 16rpx;font-size:32rpx;color:rgba(153, 153, 153, 1);padding:0rpx 103rpx 0rpx 103rpx;
    }
    .orderDetails_fd1_1{
        line-height:52rpx;font-size:28rpx;font-weight:400;color:#333333;text-align:center;margin:32rpx 60rpx 40rpx 60rpx;
    }
    .orderDetails_fd1_0{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#666666;text-align:center;margin:40rpx 60rpx 0rpx 60rpx;
    }
    .orderDetails_flex_2{
        padding:0rpx 24rpx 0rpx 24rpx;
    }
    .orderDetails_fd2_4_c1_1{
        background:var(--benbenbgColor7);border-radius:39rpx 39rpx 39rpx 39rpx;font-size:28rpx;color:#fff;margin:0rpx 24rpx 0rpx 0rpx;width:200rpx;height:64rpx;line-height:64rpx;font-weight:500;
    }
    .orderDetails_fd2_4_c1{
        background:var(--benbenbgColor7);border-radius:39rpx 39rpx 39rpx 39rpx;font-size:28rpx;color:var(--benbenFontColor3);margin:0rpx 24rpx 0rpx 0rpx;width:200rpx;height:64rpx;line-height:64rpx;font-weight:500;
    }
    .orderDetails_fd2_4_c0_1{
        background:#F6F6F6;border-radius:39rpx 39rpx 39rpx 39rpx;font-size:28rpx;color:rgba(51, 51, 51, 1);margin:0rpx 32rpx 0rpx 0rpx;width:200rpx;height:64rpx;line-height:64rpx;font-weight:500;
    }
    .orderDetails_fd2_4_c0{
        background:var(--benbenbgColor5);border-radius:39rpx 39rpx 39rpx 39rpx;font-size:28rpx;color:var(--benbenFontColor0);margin:0rpx 32rpx 0rpx 0rpx;width:200rpx;height:64rpx;line-height:64rpx;font-weight:500;
    }
    .orderDetails_fd2_4{
        background:var(--benbenbgColor1);width:750rpx;height:100rpx;background-size:100% auto !important;position:fixed;left:0rpx;bottom:calc(0rpx + var(--window-bottom));
    }
    .orderDetails_fd2_3_c2{
        margin:0rpx 0rpx 32rpx 0rpx;
    }
    .orderDetails_fd2_3_c1_c2{
        font-size:24rpx;font-weight:400;color:var(--benbenFontColor4);margin:0rpx 0rpx 0rpx 24rpx;
    }
    .orderDetails_fd2_3_c1_c1{
        font-size:28rpx;font-weight:400;color:rgba(51, 51, 51, 1);-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .orderDetails_fd2_3_c1_c0{
        color:rgba(153, 153, 153, 1);margin:0rpx 16rpx 0rpx 0rpx;font-size:28rpx;font-weight:400;
    }
    .orderDetails_fd2_3_c1{
        margin:24rpx 0rpx 32rpx 0rpx;
    }
    .orderDetails_fd2_3_c0_c1{
        padding:0rpx 0rpx 0rpx 16rpx;font-size:32rpx;font-weight:500;color:rgba(51, 51, 51, 1);
    }
    .orderDetails_fd2_3_c0_c0{
        background:var(--benbenbgColor7);width:6rpx;height:30rpx;margin:0rpx 0rpx 0rpx 0rpx;border-radius:4rpx 4rpx 4rpx 4rpx;
    }
    .orderDetails_fd2_3_c0{
        border-bottom:1px solid #eee;padding:32rpx 0rpx 24rpx 0rpx;
    }
    .orderDetails_fd2_3{
        background:#fff;border-radius:16rpx 16rpx 16rpx 16rpx;padding:0rpx 24rpx 0rpx 24rpx;margin:0rpx 0rpx 130rpx 0rpx;
    }
    .orderDetails_fd2_2_c3_c2{
        font-size:28rpx;font-weight:500;color:var(--benbenFontColor7);
    }
    .orderDetails_fd2_2_c3_c1{
        font-size:24rpx;font-weight:500;color:var(--benbenFontColor7);
    }
    .orderDetails_fd2_2_c3_c0{
        margin:0rpx 0rpx 0rpx auto;font-size:24rpx;font-weight:500;color:rgba(153, 153, 153, 1);
    }
    .orderDetails_fd2_2_c3{
        border-top:1px solid #eee;padding:24rpx 0rpx 24rpx 0rpx;
    }
    .orderDetails_fd2_2_c2{
        margin:32rpx 0rpx 32rpx 0rpx;
    }
    .orderDetails_fd2_2_c1_c1_c0{
        margin:0rpx 0rpx 0rpx auto;font-size:28rpx;font-weight:500;color:rgba(51, 51, 51, 1);
    }
    .orderDetails_fd2_2_c1_c0{
        font-size:28rpx;font-weight:400;color:rgba(51, 51, 51, 1);
    }
    .orderDetails_fd2_2_c1{
        margin:32rpx 0rpx 0rpx 0rpx;
    }
    .orderDetails_fd2_2_c0_c1_c1_c5{
        font-size:24rpx;font-weight:400;color:rgba(153, 153, 153, 1);
    }
    .orderDetails_fd2_2_c0_c1_c1_c4{
        margin:0rpx 0rpx 0rpx auto;font-size:24rpx;font-weight:400;color:rgba(153, 153, 153, 1);
    }
    .orderDetails_fd2_2_c0_c1_c1_c1{
        font-size:22rpx;font-weight:400;color:rgba(51, 51, 51, 1);
    }
    .orderDetails_fd2_2_c0_c1_c1_c0{
        font-size:36rpx;font-weight:700;color:var(--benbenFontColor7);margin:0rpx 8rpx 0rpx 0rpx;
    }
    .orderDetails_fd2_2_c0_c1_c1{
        margin:auto 0rpx 0rpx 0rpx;
    }
    .orderDetails_fd2_2_c0_c1_c0{
        font-size:28rpx;font-weight:500;color:rgba(51, 51, 51, 1);margin:0rpx 0rpx 8rpx 0rpx;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .orderDetails_fd2_2_c0_c1{
        height:200rpx;
    }
    .orderDetails_fd2_2_c0_c0{
        width:200rpx;height:200rpx;border-radius:16rpx 16rpx 16rpx 16rpx;margin:0rpx 24rpx 0rpx 0rpx;
    }
    .orderDetails_fd2_2_c0{
        border-bottom:1px solid #eee;padding:0rpx 0rpx 32rpx 0rpx;
    }
    .orderDetails_fd2_2{
        background:#fff;background-size:100% auto !important;border-radius:16rpx 16rpx 16rpx 16rpx;margin:0rpx 0rpx 20rpx 0rpx;padding:32rpx 24rpx 0rpx 24rpx;
    }
    .orderDetails_fd2_1_c1{
        background:url(image-path('325.png')) no-repeat;height:6rpx;background-size:100% auto !important;
    }
    .orderDetails_fd2_1_c0_c1_c1_c0{
        font-size:28rpx;font-weight:400;color:rgba(102, 102, 102, 1);
    }
    .orderDetails_fd2_1_c0_c1_c1{
        -webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .orderDetails_fd2_1_c0_c1_c0_c5{
        font-size:32rpx;font-weight:700;color:rgba(51, 51, 51, 1);-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .orderDetails_fd2_1_c0_c1_c0_c4{
        font-size:32rpx;font-weight:700;color:rgba(51, 51, 51, 1);margin:0rpx 32rpx 0rpx 0rpx;
    }
    .orderDetails_fd2_1_c0_c1_c0_c3{
        font-size:32rpx;font-weight:700;color:#333;
    }
    .orderDetails_fd2_1_c0_c1_c0_c2{
        font-size:32rpx;font-weight:700;color:rgba(51, 51, 51, 1);
    }
    .orderDetails_fd2_1_c0_c1_c0_c1{
        font-size:32rpx;font-weight:700;color:rgba(51, 51, 51, 1);max-width:200rpx;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;
    }
    .orderDetails_fd2_1_c0_c1_c0_c0{
        border:1px solid var(--benbenbdColor8);background:var(--benbenbgColor5);padding:0rpx 16rpx 0rpx 16rpx;border-radius:8rpx 8rpx 8rpx 8rpx;font-size:24rpx;font-weight:500;color:var(--benbenFontColor4);margin:0rpx 16rpx 0rpx 0rpx;
    }
    .orderDetails_fd2_1_c0_c1_c0{
        margin:0rpx 0rpx 16rpx 0rpx;
    }
    .orderDetails_fd2_1_c0_c0{
        width:60rpx;height:60rpx;border-radius:30rpx 30rpx 30rpx 30rpx;margin:0rpx 32rpx 0rpx 0rpx;
    }
    .orderDetails_fd2_1_c0{
        margin:0rpx 50rpx 30rpx 48rpx;
    }
    .orderDetails_fd2_1{
        background:var(--benbenbgColor1);padding:44rpx 0rpx 0rpx 0rpx;background-size:100% auto !important;border-radius:24rpx 24rpx 0rpx 0rpx;margin:0rpx 0rpx 32rpx 0rpx;
    }
    .orderDetails_fd2_0_c1{
        width:140rpx;height:140rpx;border-radius:0rpx 0rpx 0rpx 0rpx;margin:0rpx 0rpx 0rpx auto;
    }
    .orderDetails_fd2_0_c0_c1_c1{
        background:transparent;
    }
    .orderDetails_fd2_0_c0_c1_c0{
        font-size:24rpx;font-weight:400;color:#fff;
    }
    .orderDetails_fd2_0_c0_c1{
        color:var(--benbenFontColor3);
    }
    .orderDetails_fd2_0_c0_c0{
        font-size:32rpx;font-weight:700;color:#fff;margin:0rpx 0rpx 8rpx 0rpx;
    }
    .orderDetails_fd2_0{
        margin:0rpx 0rpx 24rpx 0rpx;
    }
    .orderDetails_flex_3{
        background:#fff;width:540rpx;border-radius:16rpx 16rpx 16rpx 16rpx;
    }
    .orderDetails_fd3_2_c1{
        border-top:1px solid #eee;border-left:1px solid #eee;background:#fff;line-height:110rpx;border-radius:0rpx 0rpx 16rpx 0rpx;font-size:32rpx;color:var(--benbenFontColor5);width:263rpx;
    }
    .orderDetails_fd3_2_c0{
        border-top:1px solid #eee;background:#fff;line-height:110rpx;border-radius:0rpx 0rpx 0rpx 16rpx;font-size:32rpx;color:rgba(153, 153, 153, 1);padding:0rpx 103rpx 0rpx 103rpx;
    }
    .orderDetails_fd3_1{
        line-height:52rpx;font-size:28rpx;font-weight:400;color:#333333;text-align:center;margin:32rpx 60rpx 40rpx 60rpx;
    }
    .orderDetails_fd3_0{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#666666;text-align:center;margin:40rpx 60rpx 0rpx 60rpx;
    }
    .orderDetails_flex_4{
        background:#fff;width:540rpx;border-radius:16rpx 16rpx 16rpx 16rpx;
    }
    .orderDetails_fd4_2_c1{
        border-top:1px solid #eee;border-left:1px solid #eee;background:#fff;line-height:110rpx;border-radius:0rpx 0rpx 16rpx 0rpx;font-size:32rpx;color:var(--benbenFontColor5);width:263rpx;
    }
    .orderDetails_fd4_2_c0{
        border-top:1px solid #eee;background:#fff;line-height:110rpx;border-radius:0rpx 0rpx 0rpx 16rpx;font-size:32rpx;color:rgba(153, 153, 153, 1);padding:0rpx 103rpx 0rpx 103rpx;
    }
    .orderDetails_fd4_1{
        line-height:52rpx;font-size:28rpx;font-weight:400;color:#333333;text-align:center;margin:32rpx 60rpx 40rpx 60rpx;
    }
    .orderDetails_fd4_0{
        line-height:40rpx;font-size:28rpx;font-weight:400;color:#666666;text-align:center;margin:40rpx 60rpx 0rpx 60rpx;
    }
</style>